﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SearchPolygon.aspx.cs" Inherits="IGIS.Extensions.SearchPolygon" %>

<!DOCTYPE html>


<html>
<head id="Head1" runat="server">
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <!--  <link rel="stylesheet" href="../../../styles/gt.css" type="text/css" />-->
      <link rel="stylesheet" href="../../styles/viewer.css" type="text/css" />
       

      
  
    <link rel="stylesheet" href="../../styles/bootstrap.min.css">
	<link rel="stylesheet" href="../../styles/bootstrap-responsive.min.css">

    	<link rel="stylesheet" href="../../styles/jquery.ui.all.css">
    	
	<script src="../../scripts/jquery.min.js"></script>
    <script src="../../scripts/jquery-ui.js"></script>
     <script src="../../scripts/bootstrap.js"></script>
    
	<script src="../../scripts/angular.min.js"></script>
    <script src="../../scripts/angular-strap.js"></script>

    <script src="../../scripts/app.js"></script>
    <script src="../../scripts/searchpolygonCtr.js"></script>
    
    <script type="text/javascript">
       
     
        /* var tmID;*/


        $(document).ready(function () {


            /*  debugger;*/
        });

       
       

             </script>
    <style>

     #mydiv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: grey; opacity: .8; }
        .ajax-loader { position: absolute; left: 50%; top: 50%; margin-left: -32px; /* -1 * image width / 2 */ margin-top: -32px; /* -1 * image height / 2 */ display: block; }

    .clsHeader
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
    font-weight:bold;
	background:#B50027;
}

.clsHeaderLight
{
	font-family:Arial;
	font-size:12px;
	color:#B50027;
	font-weight:bold;
	background:#ffffff;
}

.clsFieldHeader
{
	font-family:Arial;
	font-size:11px;
	color:#000000;
    
/*	font-weight:bold;*/
	background:#ffffff;
}
 .css-form input.ng-invalid.ng-dirty {
        background-color: #FA787E;
      }
    
      .css-form input.ng-valid.ng-dirty {
        background-color: #78FA89;
      }
.MeasureData
{
  /*  background-color: #DCDCDC;*/
    color: black;
    font-family: Arial;
    font-size:11px;
}
.clsTextRegular
{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	background:#ffffff;
}

    .combo
    {
        width:130px;
    }
    .textbox
    {
        width:130px;
    }
    
</style>
    <title>Untitled Page</title>

  
	


    
    <meta http-equiv="PRAGMA" content="NO-CACHE">
</head>
<body dir="rtl">
    <form id="Form1" method="post" runat="server" ng-app="IGIS"   ng-controller="seachpolygonController" >
         <%--<center> <h4> חיפוש</h4></center>--%>
        <div class="container" >
 <span   class="label label-important" >חיפוש
        </span>

           

         <div id="waitDialog" ng-show="waitMessage"  class="shadow">
    <div  class="error">{{waitMessage}}</div>
  
         <div id="Div1" data-ng-show="loading">
            <!--<img src="Images/482.gif" class="ajax-loader" />-->
                <img src="Images/482.gif" class="ajax-loader" />
        </div>
</div> 
            <div>

                  <div class="clsFieldHeader">חיפוש לפי :</div>
        <div class="MeasureData">
            <!--<select id="DrpSearchBy" class="combo" ng-model="searchby" required >
                <option value="TBL_Project">פוליגון</option>

            </select>-->
           <!-- <select  id="DrpSearchBy" name="DrpSearchBy" ng-model="SelectedDrpSearchBy"  class="combo">
         <option ng:repeat="table in DrpSearchBy" value="{{table.TableName}}">{{table.TableHebName}}</option>
     </select>-->  
                        <select  id="DrpSearchBy" name="DrpSearchBy" ng-model="SelectedDrpSearchBy"  class="combo"
                ng-options='t.TableHebName for t in DrpSearchBy' ng-change='drpChange(SelectedDrpSearchBy)'>

                            <option value="">חיפוש לפי</option>

                        </select>

        

              
             </div>

            </div>
             <span   class="label label-important" >תנאים
        </span>
            <div>
        
        <div class="MeasureData"> 
                       <select  id="drpFilter1" name="SelectedFilter1" ng-model="SelectedFilter1"  class="combo" 
                                           ng-options='t for t in Filter1' > 
                            <option value=""> </option>                          
                        </select>

        </div>
         <div class="MeasureData" ng-show="SelectedFilter1">{{SelectedFilter1}}</div>
         <div class="MeasureData" ng-show="SelectedFilter1">
            <input runat="server" class="textbox" name="SelectedFilter1val" id="SelectedFilter1val" 
                ng-model="SelectedFilter1val" ng-show="SelectedFilter1"  bs-typeahead="SelectedFilter1FN" />
             

         </div>
        
                <!-- Filter 2 -->
                <div class="MeasureData"> 
                       <select  id="Select1" name="SelectedFilter2" ng-model="SelectedFilter2"  class="combo" 
                                           ng-options='t for t in Filter2' >      
                            <option value=""> </option>                               
                        </select>

        </div>
         <div class="MeasureData" ng-show="SelectedFilter2">{{SelectedFilter2}}</div>
         <div class="MeasureData" ng-show="SelectedFilter2">
            <input runat="server" class="textbox" name="SelectedFilter2val" id="SelectedFilter2val" 
                ng-model="SelectedFilter2val" ng-show="SelectedFilter2" bs-typeahead="SelectedFilter2FN"/>

         </div>
       
           <!-- Filter 3-->
                <div class="MeasureData"> 
                       <select  id="SelectedFilter3" name="SelectedFilter3" ng-model="SelectedFilter3"  class="combo" 
                                           ng-options='t for t in Filter3' >   
                            <option value=""> </option>                                  
                        </select>

        </div>
         <div class="MeasureData" ng-show="SelectedFilter3">{{SelectedFilter3}}</div>
         <div class="MeasureData" ng-show="SelectedFilter3">
            <input runat="server" class="textbox" name="SelectedFilter3val" id="SelectedFilter3val" 
                ng-model="SelectedFilter3val" ng-show="SelectedFilter3" bs-typeahead="SelectedFilter3FN" />

         </div>
             <!-- <div class="clsFieldHeader"></div>
        <div class="MeasureData">  </div>

                  <div class="clsFieldHeader"></div>
        <div class="MeasureData">  </div>-->


                <div>
                    <input  id="btnsearch" type="button" value="חפש" class="btn btn-primary"  ng-click="search()" />
                    <input  id="btnclear" type="button" value="נקה" class="btn btn-primary"  ng-click="clear()" />

                </div>
            
            </div>
               <span   class="label label-important" >תוצאות חיפוש
        </span>
           


            <table dir="rtl" >
      <tbody>
          <tr ng-repeat="cols in ResultLists">
               <td class="MeasureData"><input type="radio" ng-model="cols.PolygonID"/></td>
              <td class="MeasureData">{{cols.PolygonID}}</td>
                <td class="MeasureData">{{cols.ProjectName}}</td>
                  <td class="MeasureData">{{cols.ContactOrderer}}</td>
              
              
           
          </tr>
      </tbody>
  </table>
   
            </div>
    </form>
</body>
</html>
